<template>
	<view class="container">
		<view class="part_item" v-for="(item,index) in selectList" :key="index" @click="select(index,item.name)">
			<view class="image">
				<image :src="item.img" mode=""></image>
			</view>
			
			<view class="name">
				{{item.name}}
			</view>
		</view>	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				selectList:[
					{img:"../../static/img/issueSelected1.png",name:"钟点工"},
					{img:"../../static/img/issueSelected2.png",name:"日结工"},
					{img:"../../static/img/issueSelected3.png",name:"短期工"},
					{img:"../../static/img/issueSelected4.png",name:"长期工"},
					{img:"../../static/img/issueSelected5.png",name:"预约工"},
					{img:"../../static/img/issueSelected6.png",name:"全职招聘"},
					{img:"../../static/img/issueSelected7.png",name:"我要用车"},
					{img:"../../static/img/issueSelected8.png",name:"实时用工"},
				]
				
			}
		},
		methods: {
				select(index,name) {
					switch(index) {
						case 0:
						   uni.navigateTo({
						   	url:'/pages/fullTimeJob/fullTimeJob?type='+name
						   })
						   break;
						case 1:
						   uni.navigateTo({
						   	url:'/pages/fullTimeJob/fullTimeJob?type='+name
						   })
						   break;
						 case 2:
						    uni.navigateTo({
						    	url:'/pages/fullTimeJob/fullTimeJob?type='+name
						    })
						    break;
						case 3:
						   uni.navigateTo({
						   	url:'/pages/fullTimeJob/fullTimeJob?type='+name
						   })
						   break;
						case 4:
						   uni.navigateTo({
						   	url:'/pages/fullTimeJob/fullTimeJob?type='+name
						   })
						   break;
						case 5:
						   uni.navigateTo({
						   	url:'/pages/fullTimeJob/fullTimeJob?type='+name
						   })
						   break;
						case 6:
						   uni.navigateTo({
						   	url:'/pages/useCar/useCar'
						   })
						   break;
						case 7:
						   uni.navigateTo({
						   	url:'/pages/actualJobInfo/actualJobInfo'
						   })
						   break;
					}	
			}
		},
	}
</script>
<style>
	page {
		width: 100%;
		background-color: #fff;
	}
</style>

<style scoped>
	.container {
		width: 100%;
		font-size: 28rpx;
		color:#333333;
		display: flex;
		margin-top:250rpx;
		flex-wrap: wrap;
		padding:0 25rpx;
		box-sizing: border-box;
	}
	.part_item{
		width:120rpx;
		text-align: center;
		margin-right: 70rpx;
		margin-bottom: 69rpx;
		align-items: center;
		    display: flex;
		    flex-direction: column;
	}
	.part_item:nth-child(4n){
		margin-right: 0;
	}
	.name{
		margin-top:26rpx;
	}
    .part_item:nth-child(1) image{
		width:42rpx;
		height: 53rpx;
	}
	.part_item:nth-child(2) image{
		width:44rpx;
		height: 52rpx;
	}
	.part_item:nth-child(3) image{
		width:42rpx;
		height: 53rpx;
	}
	.part_item:nth-child(4) image{
		width:60rpx;
		height: 47rpx;
	}
	.part_item:nth-child(5) image{
		width:44rpx;
		height: 54rpx;
	}
	.part_item:nth-child(6) image{
		width:57rpx;
		height: 55rpx;
	}
	.part_item:nth-child(7) image{
		width:51rpx;
		height: 44rpx;
	}
	.part_item:nth-child(8) image{
		width:42rpx;
		height: 53rpx;
	}
	.image{
		width:60rpx;
		height: 55rpx;
		text-align: center;
	}
	
</style>
